﻿.nav-tabs {
    background-color: #f8f9fa;
    height: calc(100vh - 8vh - 5vh); /* Adjust height to fill remaining space */
    border-right: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    text-align: left;
    border-bottom: 1px solid #dee2e6;
    padding: 10px 15px;
}

.nav-tabs .nav-link.active {
    background-color: #cdcdcd;
}

body, html {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.content-row {
    flex: 1;
    display: flex;
    overflow: hidden;
}

.col-2, .col {
    overflow: auto;
}

.active {
    display: block;
}

.textarea-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}
.list-group-item:not(:last-child) {
    border-bottom: 1px solid #dee2e6 !important;
}
.list-group-item:last-child {
    border-bottom: none !important;
}
.btn-group {
    display: flex;
    gap: 5px;
}
.btn-custom {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    color: inherit !important;
    cursor: pointer;
}
.btn-custom:focus, .btn-custom:active {
    outline: none !important;
    box-shadow: none !important;
}

blockquote{
    margin: 0.8em 0;
    border-left: 4px solid #dfe2e5;
    padding: 0 15px;
    color: #777777;
}

code{
    font-size: inherit;
    border: 1px solid #e7eaed;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 0;
    padding: 2px 4px 0px 4px;
    font-size: 0.9em;
}